<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>筛选选择器</title>
    <script src="jquery-1.11.1.js"></script>
    <script>
    $(function() {
        // console.log(2);

        // .eq()
        // $("span").eq(1).css('font-size',"40px");

        // .first()
        // $("span").first().css("font-size","30px");

        // .parent()
        // $("#sp").parent().css("background","gold");

        // .siblings()
        $('#li04').siblings(".liItem").css("background", 'gold');

    })
    </script>
</head>

<body>
    <div>
        <span>我是第1个span</span>
        <span id="sp">我是第2个span</span>
        <span>我是第3个span</span>
    </div>
    <div>
        <ul>
            <li>我是li01</li>
            <li>我是li02</li>
            <li>我是li03</li>
            <li id="li04">我是li04</li>
            <li>我是li05</li>
            <li class="liItem">我是li06</li>
            <li>我是li07</li>
            <li>我是li08</li>
        </ul>
    </div>
</body>

</html>
